<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head >
    <meta charset="utf-8">
    <title>博客</title>
    <link rel="stylesheet" th:href="@{./css/bootstrap.min.css}">
    <script th:src="@{./js/jquery-3.4.1.min.js}"></script>
    <script th:src="@{./js//bootstrap.min.js}"></script>
</head>
<style>
    .title {
        margin: 20px 0;
    }
</style>

<body>
    <div style="margin: auto;width: 800px;margin-bottom: 20px">
        <div class="title"> <!--/*@thymesVar id="blog" type=""*/-->
        <h4 th:text="'标题：'+${blog.title}"> </h4></div>
        <div class="title" th:text="'作者：'+${blog.author}"> </div>
        <div class="title" th:text="'摘要：'+${blog.description}"> </div>
        <div class="title" th:utext="${blog.content}">

        </div>
        <div>
            <span class="glyphicon glyphicon-comment" style="color: rgb(59, 59, 59)"> 评论 </span>
            <textarea name="" style=" width: 800px;height: 80px;">  </textarea>
            <button>发表</button>
            <span class="glyphicon glyphicon-thumbs-up" style="  color: rgb(99, 96, 87);;margin:0 10px;float: right;" th:text="' '+${blog.click}"> </span>
            <span class="glyphicon glyphicon-eye-open" style="color: rgb(99, 96, 87);margin:0 10px;float: right;" th:text="' '+${blog.view}"> </span>
            <span class="glyphicon glyphicon-calendar" style="color: rgb(99, 96, 87);margin: 0 10px;float: right;" th:text="${blog.time}" > </span>
        </div>
        <div class="title" style="margin-bottom: 20px" th:each="comment:${commentList}" >
            <div  style="width: 100%">
                <div style="width: 20%;font-size: 16px" th:text="${comment.name}"></div>
                <div style="width: 80%" th:text="${comment.content}"></div>

            </div>
            <div th:text="${comment.time}" style="float: right"></div>
        </div>
    </div>



</body>

</html>